<script setup lang="ts">
/**
 * 如果想要让简单类型的数据变成响应式数据
 * 请用ref函数包裹--》会放回一个响应式对象，把值给到这个对象的value属性
 * 注意点：
 *      在script标签中使用，需要.value
 *      在模板中使用，正常使用，不用.value
 */
import { ref } from 'vue'
const age = ref(13)
const count = () => {
  age.value++
}
</script>

<template>
  <div class="app-page">
    <!-- toLowerCase()转小写 -->
    <div>{{ '年龄' + age }}</div>
    <button @click="count">点击事件</button>
  </div>
</template>

<style lang="css" scoped></style>
